<template>
  <div class="vote_page">
    <div
      class="vote_detail"
      v-html="decodeURIComponent(voteInfo.appBizVote.voteContent)"
    />
  </div>
  <VoteNav />
</template>
<script setup>
import { ref } from "vue";
import { store } from "./components/store.js";
import VoteNav from "./components/voteNav.vue";

const voteInfo = ref(store.voteInfo);
</script>
<style scoped>
.vote_page {
  background: var(--van-gray-1);
  overflow-y: auto;
}

.vote_detail {
  background: var(--van-white);
  margin: 1.5rem;
  border-radius: 0.6rem;
  padding: 1.2rem;
  text-align: justify;
  white-space: pre-wrap;
  word-break: break-all;
}

.vote_detail :deep(img) {
  max-width: 100%;
}
</style>
